<template>
  <div class="user-chat">
    <van-nav-bar
      class="page-navbar"
      left-arrow
      title="小智同学"
      @click-left="$router.back()"
    >
    </van-nav-bar>
    <div class="message-list" ref="message-list">
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
    </div>
    <!-- 发送消息 -->
    <div class="send-message-wrap">
      <van-field
        v-model="message"
        center
        clearable
        placeholder="请输入"
      >
      <template #button>
        <van-button size="small" type="primary">发送</van-button>
      </template>
      </van-field>
    </div>
  </div>
</template>

<script>
export default {
  name: 'UserChat',
  data () {
    return {}
  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.send-message-wrap{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.message-list{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 44px;
  top: 46px;
  overflow-y: auto;
}
</style>
